<template>
  <div class="sales-board-des">
    <h2>vuex</h2>
    <p>
      Vuex是专门为Vuejs应用程序设计的状态管理工具。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
    </p>
    <p>
      Vuex是通过全局注入store对象，来实现组件间的状态共享。在大型复杂的项目中（多级组件嵌套），需要实现一个组件更改某个数据，多个组件自动获取更改后的数据进行业务逻辑处理，这时候使用vuex
    </p>
    <div @click="increment">{{ count }}</div>
  </div>
</template>

<script>
export default {
  name: "value",
  components: {},
  data() {
    return {
      count: 0,
    };
  },
    
  methods: {
    increment() {
      this.count++;
    },
  },
  computed: {},
};
</script>

<style lang="less" scoped>
.sales-board-des {
  border-top: 20px solid #f0f2f5;
  padding: 15px 20px;
}
</style>